<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shejishi.css"/>
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min1.css"/>
		<link rel="icon" href="img/LHE/favicon.ico" />
		<script src="js/bootstrap.js"></script>
		<style type="text/css">
			body{
				background: #f4f4f4;
			}
		</style>
	</head>
	<body>
		<span id="back"><img src="img/LHE/backtop.png" alt="" /></span>
		<header>
<img src="img/LHE/menu.png" class="menu"/>
			<div class="menus">
				<p class="li"><a href="index.html">首页</a><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button></p>
				<p class="li"><a href="index5.html">发现</a></p>
					<p class="li1"><a href="">平面</a></p>
					<p class="li1"><a href="">UI</a></p>
					<p class="li1"><a href="">插画</a></p>
					<p class="li1"><a href="">动漫</a></p>
					<p class="li1"><a href="">摄影</a></p>
					<p class="li1"><a href="">空间</a></p>
					<p class="li1"><a href="">工业/产品</a></p>
					<p class="li1"><a href="">三维</a></p>
					<p class="li1"><a href="">手工艺</a></p>
					<p class="li1"><a href="">纯艺术</a></p>
					<p class="li1"><a href="">服装</a></p>
					<p class="li1"><a href="">其他</a></p>
					<p class="li1"><a href="">精选作品</a></p>
					<p class="li1"><a href="">精选文章</a></p>
					<p class="li1"><a href="">精选收藏</a></p>
				<p class="li"><a href="pzk1.html">同城</a></p>
				<p class="li"><a href="position.html">职位</a></p>
					<p class="lis"><a href="">职位</a></p>
					<p class="lis"><a href="">公司</a></p>
					<p class="lis"><a href="">+发布职位</a></p>
				<p class="li"><a href="pzk2.html">活动</a></p>
					<p class="lis"><a href="">设计大赛</a></p>
					<p class="lis"><a href="">公司专题策划</a></p>
					<p class="lis"><a href="">线上活动</a></p>
					<p class="lis"><a href="">线下活动</a></p>
					<p class="lis"><a href="">需为吸引瓶</a></p>
				<p class="li"><a href="index3.html">正版素材</a></p>
					<p class="lis"><a href="index3.html">图片</a></p>
					<p class="lis"><a href="">视频</a></p>
					<p class="lis"><a href="index4.html">字体</a></p>
					<p class="lis"><a href="">音乐</a></p>
				<p class="li"><a href="course.html" target="_blank">课程</a></p>
					<p class="lis"><a href="">正在热销</a></p>
					<p class="lis"><a href="">口碑好课</a></p>
				<p class="li"><a href="">...</a></p>	
					<p class="lis"><a href="榜单.html">榜单</a></p>
					<p class="lis"><a href="设计师.html">设计师</a></p>
					<p class="lis"><a href="站酷APP.html">站酷APP</a></p>
					<p class="lis"><a href="字体库.html">站酷字体</a></p>
			</div>
			<img src="img/LHE/logo.svg" class="pull-left logo"/>
			<nav class="pull-left">
				<ul class="nav pull-left clearfix">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="index5.html">发现</a>
						<div class="fx">
							<div class="top">
								<div><a href="">平面</a><span>|</span></div>	
								<div><a href="">UI</a><span>|</span></div>	
								<div><a href="">网页</a><span>|</span></div>	
								<div><a href="">插画</a><span>|</span></div>	
								<div><a href="">动漫</a><span>|</span></div>	
								<div><a href="">摄影</a><span>|</span></div>	
								<div><a href="">空间</a><span>|</span></div>	
								<div><a href="">工业/产品</a><span>|</span></div>	
								<div><a href="">三维</a><span>|</span></div>	
								<div><a href="">影视</a><span>|</span></div>	
								<div><a href="">手工艺</a><span>|</span></div>	
								<div><a href="">纯艺术</a><span>|</span></div>	
								<div><a href="">服装</a><span>|</span></div>	
								<div><a href="">其他</a><span>|</span></div>	
											
							</div>
							<hr/>
							<div class="bottom">
								<a href="">精选作品&nbsp;></a>
								<a href="">精选文章&nbsp;></a>
								<a href="">精选收藏&nbsp;></a>
							</div>
						</div>
					
					</li>
					<li><a href="pzk1.html">同城</a></li>
					<li>
						<a href="position.html">职位</a>
						<div class="zw">
							<p><a href="">职位</a></p>
							<p><a href="">公司</a></p>
							<p><a href="">+发布职位</a></p>
						</div>
					</li>
					<li>
						<a href="pzk2.html">活动</a>
						<div class="zw">
							<p><a href="">设计大赛</a></p>
							<p><a href="">公司专题策划</a></p>
							<p><a href="">线上活动</a></p>
							<p><a href="">线下活动</a></p>
							<p><a href="">学习音频</a></p>
						</div>
					</li>
					<li>
						<a href="index3.html">正版素材</a>
						<div class="zw">
							<p><a href="index3.html">图片</a></p>	
							<p><a href="">视频</a></p>
							<p><a href="index4.html">字体</a></p>
							<p><a href="">音乐</a></p>
						</div>
					</li>
					<li>
						<a href="course.html" target="_blank">课程</a>
						<div class="zw">
							<p><a href="">正在热销</a></p>
							<p><a href="">口碑好课</a></p>
						</div>
					</li>
					<li>
						<a href=""></a>
						<div class="zw">
							<p><a href="榜单.html">榜单</a></p>
							<p><a href="设计师.html">设计师</a></p>
							<p><a href="站酷APP.html">站酷APP</a></p>
							<p><a href="字体库.html">站酷字库</a></p>
						</div>
					</li>
				</ul>
			</nav>
			
			<div class="log">
				<a href=""></a>
			</div>
			<div class="log">
				<a href=""></a>
			</div>
			<span><a href="">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="">注册</a></span>
			<div class="search">
				<div class="search_top">
					<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<input type="text" name="" id="" />
					<img src="img/LHE/seach.svg"/>
				</div>
					<div class="search_bot">
						<div class="search1">热门搜索</div>
						<div class="search2">2019毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">2018毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">我是毕业生</div>
					</div>
			</div>
		</header>
		<div class="nav1">
			<a href="" class="designer">设计师</a>
			<a href="" class="team">团体</a>
		</div>
		<div class="nav2">
			<div class="nav2_left">
				<span id="filtrate"><!--筛选-->
					筛选:
				</span> 
				<div id="recommend"><!--推荐-->
					<span>全部推荐</span>
					<img src="img/LHE/down.png" alt="" />
					<div class="recommend_add">
						<p>不限级别</p>
						<p style="color: #FFE300;">全部推荐</p>
						<p>推荐设计师</p>
						<p>推荐插画师</p>
						<p>推荐摄影师</p>
						<p>推荐漫画作者</p>
						<p>推荐艺术作者</p>
						<p>推荐文章作者</p>
						<p>推荐团队</p>
					</div>
				</div>
				<div id="job"><!--职业-->
					<span>不限职业</span>
					<img src="img/LHE/down.png" alt="" />
					<div class="job_add">
						<p style="color: #FFE300;">不限职业</p>
						<p>平面设计师</p>
						<p>插画师</p>
						<p>三维设计师</p>
						<p>网页设计师</p>
						<p>UI设计师</p>
						<p>动画师</p>
						<p>产品设计师</p>
						<p>室内设计师</p>
						<p>摄影师</p>
						<p>学生</p>
						<p>设计爱好者</p>
						<p>UX设计师</p>
						<p>新媒体设计师</p>
						<p>概念设计师</p>
						<p>特效合成师</p>
						<p>建筑师</p>
						<p>服装设计师</p>
						<p>手艺工人</p>
						<p>艺术工作者</p>
						<p>教育工作者</p>
					</div>
				</div>
				<div id="city"><!--城市-->
					<span>不限城市</span>
					<img src="img/LHE/down.png" alt="" />
					<div class="city_add">
						<!--<p>不限城市</p>
						<p><span><input type="radio" />中国</span><span><input type="radio" />中国</span></p>-->
					</div>
				</div>
			</div>
			<div class="nav2_right">
				<span id="rank"><!--排序-->
					排序：
				</span>
				<div id="popularity"><!--人气-->
					<p>人气最多</p>
					<img src="img/LHE/down.png" alt="" />
					<div class="popularity_add">
						<p>人气最多</p>
						<p>粉丝最多</p>
						<p>作品最多</p>
					</div>
				</div>
			</div>
		</div>
		<div class="big">
			<section>
				<ul id="content">
					<li>
						<div class="author_detalis">
							<img src="img/LHE/author1.jpg" class="author_img"/>
							<div class="author_hi">
								<div class="authou_info">
									<a href="">研究社K先生</a>	
									<a href="" class="badge"><img src="https://static.zcool.cn/z/images/svg/honor_gogoup.svg"/></a><!--徽章-->
									<a href="" class="badg2"><img src="https://static.zcool.cn/z/images/svg/honor_tuijian_designer.svg"/></a><!--徽章-->
									<span>丹东｜教育工作者</span>
								</div>
								<div class="author_fans">
									<span class="works_fans">创作<p class="works_count">2000</p>｜粉丝<p class="fans_count">40000</p></span>
									<span class="talking">欢迎关注订阅《珠江学院》</span>
								</div>
								<span class="attention">关注</span>
							</div>		
						</div>
						<div class="author_works">
								<img src="img/LHE/works1.jpg" alt=""  class="works1"/>
								<img src="img/LHE/works2.jpg" alt=""  class="works2"/>
								<img src="img/LHE/works3.jpg" alt=""  class="works3"/>
								<img src="img/LHE/works4.jpg" alt=""  class="works4"/>
						</div>
						<div class="author_main">
							<a href=""></a>
							<a href=""></a>
							<a href=""></a>
						</div>
					</li>
				</ul>
			</section>
		</div>
		<footer>
				<div class="papgs">
					<ul>
						<li><a href="">1</a></li>
						<li><a href="">2</a></li>
						<li><a href="">3</a></li>
						<li><a href="">4</a></li>
						<li><a href="">5</a></li>
						<li><a href="">6</a></li>
						<li><a href="">7</a></li>
						<li><a href="">...</a></li>
						<li><a href="">99</a></li>
						<li><a href="">100</a></li>
						<li><a href=""></a></li>
					</ul>
				</div>
				<div class="footer0  container">
					<a href=""><img src="img/LHE/orange.jpg"/></a>
				</div>
				<div class="footer1">
					<div class="footer_wrap container">
						<div class="footer_wrap1">         
							<a href=""><span><img src="img/LHE/app.svg"/></span><img src="img/LHE/ewm.png"/>移动版</a>
							<a href="">关于我们</a>
							<a href="">加入站酷</a>
							<a href="">用户协议</a>
							<a href="">隐私政策</a>
							<a href="">侵权申诉</a>
							<a href="">企业服务</a>
							<a href="">帮助中心</a>
							<a href="">联系我们</a>
							<a href="">中文</a>
							<a href="">English</a>
						</div>
						<div class="footer_wrap2">
							<a href=""><img src="img/LHE/ewm2.jpg"/></a>
							<a href=""></a>
						</div>
					</div>
					<div class="footer_tap container">						     
						<p>
						<a href="">京ICP备11017824号-4</a>
						<span>|</span>
						<a href="">京ICP证130164号</a>
						<span>|</span>
						<a href="">京公网安备11010502000501号</a>
						<span>|</span>
						<a href=""> 网络文化经营许可证 京网文[2016]6173-844号</a>
						<span>|</span>
						<a href="">广播电视节目制作经营许可证（京）字第06990号</a>
						</p>
						<p>
						<a href="">营业执照</a>
						<span>|</span>
						<a href="">网上有害信息举报专区</a>
						<span>|</span>
						<a href="">不良信息举报电话：010-56538658</a>
						<span>|</span>
						<a href=""> 举报邮箱 jubao@zcool.com.cn</a>
						<span>|</span>
						<a href="">联系电话：010-56538600</a>
						<span>|</span>
						<a href="">Copyright © 2006-2019 ZCOOL站酷</a>
						</p>
					</div>
						
				</div>
			</footer>
		<script type="text/javascript">
			//搜索图标点击出现搜索框
			$('.log:first').click(function(e){
					e.preventDefault();
					$('.search').fadeIn(1000);					
//					$(this).fadeOut(1000);
					$(".search input").click(function(e){
						 $(".search").fadeIn(1000);
						 e.stopPropagation();
	    			});
	    			$(window).click(function(e){
				        $(".search").fadeOut(1000);
					});
				});
				$(".log:first").click(function(e){
       				 e.stopPropagation();
    });
				//menus隐藏菜单栏	
				$('.menu').click(function(){
					$('.menus').addClass('menu1')
					
				});
				$('.menus .li button').click(function(){
					$('.menus').removeClass('menu1')
					
				})
			var author_img=['img/LHE/GEM.jpg','img/LHE/GEM1.jpg','img/LHE/GEM2.jpg','img/LHE/GEM3.jpg','img/LHE/GEM4.jpg','img/LHE/GEM1.jpg','img/LHE/GEM2.jpg','img/LHE/GEM3.jpg','img/LHE/GEM4.jpg'];//用户头像
			var	works_count=['1000','2000','3000','4000','5000','6000','7000','8000','9000'];//作品数
			var fans_count=['1000','2000','3000','4000','5000','6000','7000','8000','9000'];//粉丝数
			var talking=['是缘是情是童真','有泪有罪有付出','是人是墙是寒冬','有日有夜有幻想','盼望你没有为我又再度暗中淌泪',
						 '盼望你别再让我像背负太深的罪','我的心如水 你不必痴醉','多少唏嘘的你在人海','你与我之间有谁'];//想说的话
			var works1=['img/LHE/GEM1.jpg','img/LHE/works1.jpg','img/LHE/works2.jpg','img/LHE/works3.jpg','img/LHE/works4.jpg','img/LHE/works5.jpg','img/LHE/works6.jpg','img/LHE/works7.jpg','img/LHE/works8.jpg'];//作品图片
			var works2=['img/LHE/GEM2.jpg','img/LHE/works2.jpg','img/LHE/works4.jpg','img/LHE/works6.jpg','img/LHE/works8.jpg','img/LHE/works1.jpg','img/LHE/works1.jpg','img/LHE/works3.jpg','img/LHE/works5.jpg'];//作品图片
			var works3=['img/LHE/GEM3.jpg','img/LHE/works3.jpg','img/LHE/works5.jpg','img/LHE/works7.jpg','img/LHE/works9.jpg','img/LHE/works6.jpg','img/LHE/works3.jpg','img/LHE/works4.jpg','img/LHE/works6.jpg'];//作品图片
			var works4=['img/LHE/GEM4.jpg','img/LHE/works4.jpg','img/LHE/works1.jpg','img/LHE/works8.jpg','img/LHE/works3.jpg','img/LHE/works2.jpg','img/LHE/works5.jpg','img/LHE/works6.jpg','img/LHE/works3.jpg'];//作品图片
			var i=0;
			for(i=0;i<author_img.length;i++){
				var li_clone=$('#content li:first-child').clone(true);
				li_clone.find('.author_img').attr('src',author_img[i]);
				li_clone.find('.talking').html(talking[i]);
				li_clone.find('.works_count').html(works_count[i]);
				li_clone.find('.fans_count').html(fans_count[i]);
				li_clone.children('.author_detalis').children('.author_img').attr('src',author_img[i]);
				li_clone.find('.works1').attr('src',works1[i]);
				li_clone.find('.works2').attr('src',works2[i]);
				li_clone.find('.works3').attr('src',works3[i]);
				li_clone.find('.works4').attr('src',works4[i]);
				$('#content').append(li_clone);
			}
			$('#back').hover(function(){
				$('#back').children('img').attr('src','img/LHE/backtop2.png');
			},function(){
				$('#back').children('img').attr('src','img/LHE/backtop.png');
			})
			$('#back').click(function(){
						$("html,body").animate({scrollTop:0},1000);
					})
			$(window).scroll(function(){
				var k=$(window).scrollTop();
				if(k>=10){
					$('.nav1').css('top','0px');
				}else{
					$('.nav1').css('top','56px');
				}
				if(k>=300){
					$('#back').css('display','block');
				}else{
					$('#back').css('display','none');
				}
			})

		</script>
	</body>
</html>
